﻿body,div,h1,h2,p,ol,ul,li,dl,dd,dt { margin: 0; padding: 0; border: 0}
@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport { width: device-width;}
@-o-viewport {width: device-width;}
@viewport { width: device-width;}
html,body { min-height: 100%;font-family: 'Microsoft YaHei',arial;}

body { /*background: url("../testImg/scroimg01.jpg");*/ overflow-x: hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;text-size-adjust: 100%;color: #000000;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input,textarea,
input[type="button"],
button {
    -webkit-appearance: none;
}
a { color: #000000; text-decoration: none;}
ol,ul,li {list-style:none;}
@font-face {
    font-family: 'HelveticaNeueLTPro';
    src: url('../fonts/HelveticaNeueLTPro-ThEx.eot');
    src: url('../fonts/HelveticaNeueLTPro-ThEx.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueLTPro-ThEx.woff') format('woff'),
    url('../fonts/HelveticaNeueLTPro-ThEx.ttf') format('truetype'),
    url('../fonts/HelveticaNeueLTPro-ThEx.svg#HelveticaNeueLTPro') format('svg');
    font-weight: normal;
    font-style: normal;
}
.purple { color:#9e5fd2;}

.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1; /* for IE6 IE7 */}
.navleft {left:0; top:0; width: 100%; height: 100%;position: fixed;}
.navleft .nav {position: absolute; z-index: 1; width: 45%; height: 100%; background-color: #434343; padding:15px;}
.navleft .nav_login {width: 100%;height: 40px; display:block;padding:7px 10px;background-color: rgba(255,255,255,0.4);}
.navleft .nav_login i { background: url("../img/nav_logo.png") 0 0 no-repeat; background-size: 150px 150px; width: 25px; height: 25px; margin-right: 5px; display: inline-block; vertical-align: middle;}
.navleft .nav_login span { color: #434343; font-size: 14px; line-height: 25px;vertical-align: middle;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.navleft .menu {width: 100%; margin-top:25px;}
.navleft .menu img {width: 100%;}
.navleft .nav_inner {display: -webkit-box;display: -moz-box;clear: both;border-top: 1px solid #636363; margin-top: 15px;}
.navleft .nav_inner ul {width: 100%;}
.navleft .nav_inner ul li { line-height: 42px;/*45*/ font-size: 14px; border-bottom: 1px solid #636363;}
.navleft .nav_inner ul li a { color: #f7f7f7; padding: 0 12px; height: 100%; width: 100%; display: block; position: relative;}
.navleft .nav_inner ul li a span.arrow { width:0; height: 0; display: inline-block; border-style: solid;border-color: #ffffff transparent transparent transparent;border-width: 5px;position: absolute; top: 20px; right: 20px;}
.navleft .nav_inner ul li a.on span.arrow { border-color: transparent transparent #ffffff transparent; top: 15px;}
.navleft .nav_inner ul li dl { display: none;}
.navleft .nav_inner ul li dl dd { background-color: #636363;margin-top: 1px;}
.navleft .nav_inner ul li dl dd a { padding-left: 28px;}
.navleft .nav_logo,.cm .nav_logo {background: url("../img/nav_logo.png") no-repeat; background-size: 150px 150px; width: 125px; height: 55px;}
.navleft .nav_logo { background-position: 0 bottom; position: absolute;bottom:20px; left: 50%; margin-left: -62px;}

.topsearch {left:0; width: 100%; height: 0; position: absolute; background: url("../img/topsearch_bg.png") right 0 no-repeat;/* background-color:rgba(0,0,0,0.6);*/transition: height 0.3s; -webkit-transition: height 0.3s;-moz-transition: height 0.3s; overflow: hidden;}
.topsearch.on { height: 62px;}
.topsearch .arrow { display: none; border-width: 8px; border-style: solid; border-color:rgba(0,0,0,0.6) transparent  transparent  transparent; top: -1px; right: 25px; position: absolute; height: 0; width: 0;}
.topsearch .search{ width: 100%; padding: 15px;height: 62px;display: -webkit-box; overflow: hidden;}
.topsearch form { -webkit-box-flex: 1;}
.topsearch input { padding:0 0 0 5px;width: 100%;border: none;height: 32px; background-color:rgba(255,255,255,0.7);border-radius:0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.topsearch .submit_btn { display: block; min-width: 50px;text-align: center; height:32px;line-height: 32px; font-size:14px;background-color: #000000;color: #ffffff;}

.topbar { left:0; top:0; width:100%; background-color:rgba(0,0,0,0.6); height:42px; min-height: 42px; position:absolute; z-index:1001;}
.topbar_inner{ width: 100%; height: 100%; z-index: 2;}
.topbar_inner .title{width: 115px; position: absolute; left: 50px; right: 50px; height: 42px; overflow: hidden; line-height: 42px; margin: 0 auto;background: url("../img/logo.png") no-repeat;background-size: 115px 42px; z-index: 1;} 

.bar_btn{ height: 32px; width: 32px; text-align: center;background: url("../img/ui_bar_icon.png") no-repeat;background-size: 70px 162px; position:absolute;}
.nav_btn{ background-position: 0 0; left:15px; top:5px;}
.search_btn{ background-position: 0 -32px; right:15px; top:5px;}

.main { width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 101;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -webkit-transform .3s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    background-color: #e7e7e7;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.wrap {width: 100%; overflow: hidden;}

.focus{ width: 100%; height:100%;overflow:hidden; position: relative;margin-bottom: 25px;}
.gallery{width:100%;overflow:hidden;}
.gallery img{max-width: 100%;display: block;height: auto;}
.gallery .mask{ height: 70px;margin: -85px 15px 15px 15px; box-sizing: border-box; overflow: hidden; position: relative; zoom:1;}
.gallery .mask_inner{ height: 70px; width: 100%; padding: 10px; left: 0; bottom: 0; position: absolute; background-color:rgba(255,255,255,0.5); box-sizing: border-box;}
.gallery .mask .bt{ font-size: 16px; line-height: 25px; height: 25px; width: 100%; overflow: hidden;}
.gallery .mask .bt a{ color: #000000;}
.gallery .mask .des{ font-size: 12px; color: #3b3b3b; line-height: 20px; height: 20px; width: 100%; overflow: hidden;}
.navs {position: absolute; bottom: 18px;width: 100%; height: 20px;text-align: center;}
.paging .nav{cursor:pointer;display:inline-block; height:3px; width:20px;margin:0 3px; background-color:#000000;line-height: 0;font-size: 0;}
.paging .nav_active{cursor:pointer;display:inline-block; height:3px; width:20px;margin:0 2px; background-color:#9e5fd2;line-height: 0;font-size: 0;}


.c0 { height: 80px; width: 100%;display: -webkit-box;margin-bottom: 20px; background-color: #ffffff;}
.c0_inner { width: 100%; height: 100%;-webkit-box-flex: 1;margin-top: -5px;}
.c0_left {width: 8px; background-color: #ffffff;height: 80px;}
.c0_right {width: 8px; background-color: #ffffff;height: 80px;}
.c0_w{overflow: hidden; width:100%;height:90px;padding-top: 5px; position: relative;}
.c0_scro{ width: 100%;height:80px;zoom:1;}
.c0_scro ul { width: 100%;height: 100%;border-left: 2px solid #e7e7e7;float: left;}
.c0_scro li {float: left;width: 50%;height:100%; position:relative;}
.c0_scro li .item { border-right: 2px solid #e7e7e7; background-color: #ffffff;height: 100%; padding: 8px;}
.c0_scro li .new { background: url("../img/new.png") no-repeat; background-size: 28px 18px; width:28px; height: 18px; display: inline-block; position: absolute; left: 0; top: -5px;}
.c0_scro li .item i { background: url("../img/hot_icon.png") no-repeat; background-size: 45px 180px; height: 45px; width: 45px;float: left; margin:10px 10px 0 0;display: inline-block;}
.c0_scro li .item img { height: 45px; width: 45px;float: left; margin:10px 10px 0 0;display: inline-block;}
.c0_scro li .item .title{ font-size: 16px; line-height: 25px; overflow: hidden;}
.c0_scro li .item .det{ font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden;}
.c0_scro li .item i.try{ background-position: 0 0;}
.c0_scro li .item i.pai{ background-position: 0 -45px;}
.c0_w .scrollbarH {background-color: #cac7c7; height: 5px; border-top: 2px solid #e7e7e7;}
.c0_w .scrollbarH > div { display: block;width: 25%;background-color:#000000;height: 3px;}

/* new add start 2014-09-04 lc */
.cad { height: 75px; width: 100%;display: -webkit-box;margin-bottom: 20px; background-color: #ffffff;}
.cad_inner { width: 100%; height: 100%;-webkit-box-flex: 1;margin-top: -5px;}
.cad_left {width: 8px; background-color: #ffffff;height: 75px;}
.cad_right {width: 8px; background-color: #ffffff;height: 75px;}
.cad_w{overflow: hidden; width:100%;height:85px;padding-top: 5px; position: relative;}
.cad_scro{ width: 300%;height:75px;zoom:1;}
.cad_scro ul { width: 100%;height: 100%;border-left: 2px solid #e7e7e7;float: left;}
.cad_scro li {float: left;width: 33.3%;height:100%; position:relative;}
.cad_scro li .item { border-right: 2px solid #e7e7e7; background-color: #ffffff;height: 100%;}
.cad_scro li .item img { height: 75px; width: 140px;float: left; margin: 0 8px 0 0;display: inline-block;}
.cad_scro li .item .title{ font-size: 16px; line-height: 30px;height: 30px; overflow: hidden;}
.cad_scro li .item .det{ font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden;}
.cad_scro li .item i.try{ background-position: 0 0;}
.cad_scro li .item i.pai{ background-position: 0 -45px;}
.cad_w .scrollbarH {background-color: #cac7c7; height: 5px; border-top: 2px solid #e7e7e7;}
.cad_w .scrollbarH > div { display: block;width: 25%;background-color:#000000;height: 3px;}
/* new add end 2014-09-04 lc */
/* new add start 2014-12-12 lc */
.banner_ad { width:100%; margin-bottom: 15px;}
.banner_ad img { width:100%; display:block;}
/* new add end 2014-12-12 lc */
.c1 { margin-bottom: 15px;}
.c2 { margin-bottom: 15px;}
.c3 { margin-bottom: 15px;}
.ad_80 { overflow: hidden; width: 100%; text-align: center; margin-bottom: 15px;}
.ad_80 img { width: 100%}
.c_con { padding: 15px 8px 0 8px; background-color: #ffffff;}
.c_nav { width:100%;height:20px; margin-bottom: 18px; text-align:center;}
.c_nav_paging .nav{cursor:pointer;display:inline-block; height:4px; width:25px;margin:0 2px; background-color:#aaaaaa;line-height: 0;font-size: 0;}
.c_nav_paging .nav_active{cursor:pointer;display:inline-block; height:4px; width:25px;margin:0 2px; background-color:#000000;line-height: 0;font-size: 0;}

.com_t{ height: 30px; margin-bottom: 3px;padding: 0 2px;}
.com_t .title { font: normal 25px/25px "HelveticaNeueLTPro"; margin-top:5px; display: inline-block;}
.com_t .more { background: url("../img/add.png") 8px 9px no-repeat; background-size: 12px 12px; padding-left: 15px; height: 30px;width: 90px; text-align: center; line-height:30px; display: block; float: right; font-size: 14px; color: #ffffff; background-color: #000000;}

.scro_con { position: relative;}
.scroimg_wrap{ width:100%;overflow:hidden;position: relative;}
.scrolimg{ width:300%;height: 100%;}
/*
.scroimg_wrap ul{width:100%; height:100%;}
.scroimg_wrap li{float:left; width:33.3333333%;height: 100%;position: relative;}
.scroimg_wrap li a{ display: block;height: 100%; width: 100%;}
*/
.scroimg_wrap img{ width: 100%;}
.scroimg_wrap .title { font-size: 16px; height: 40px; line-height: 40px; padding: 0 2px; overflow:hidden; }
.scro_con .leftspace { position: absolute; left: 0; bottom: 0; width: 2px; height: 100%; background-color: #ffffff; z-index: 100;}
.scro_con .rightspace { position: absolute; right: 0; bottom: 0; width: 2px; height: 100%; background-color: #ffffff; z-index: 100;}

.bottom_bar{ background: url("../img/bottom_bar.png") center 0 no-repeat; background-size: 1280px 45px; height: 45px; width: 100%; position: fixed; bottom: 0; left:0;z-index: 103;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -webkit-transform .3s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);}
.bottom_bar .do_home,.bottom_bar .do_user,.bottom_bar .do_review{ height: 32px; width: 32px; text-align: center;background: url("../img/ui_bar_icon.png") no-repeat;background-size: 70px 162px; position:absolute;}
.bottom_bar .do_home{ background-position: 0 -65px; left:20px; top: 10px;}
.bottom_bar .do_review{display:none; background-position: 0 -97.5px;width: 33px;height: 33px; left: 60px; right: 60px; overflow: hidden; margin: 0 auto; top: 8px;}
.bottom_bar .do_review.active{ background-position: -35px -97.5px;}
.bottom_bar .do_user{ background-position: 0 -130px; right:20px; top: 10px;}
.bottom_bar .do_user.active{ background-position: -35px -130px;}
.pull_right {-webkit-transform:translate3d(45%, 0px, 0px);position: fixed;}

.footer { height: 100px; background-color: #434343; color: #a5a5a5; font-size: 12px;line-height: 18px; font-family: "HelveticaNeueLTPro";letter-spacing:1px;text-align: center; padding:16px 0; box-sizing: border-box;}
.cm{background-color: #eeeeee; height: 180px; padding: 15px; position: relative;}
.cm .nav_logo { background-position: 0 -35px; margin:10px auto 20px auto;}
.cm .wx_code { position: absolute; right: 10px; bottom: 90px; height: 253px; width: 226px; display: none;}
.cm .cm_b { height: 60px; width: 100%;max-width: 480px;margin: 0 auto;}
.cm .cm_b li{ width: 25%; height: 100%; float: left;}
.cm .cm_b li .icon_wrap{ width: 50px; text-align: center; margin: 0 auto;display: block;}
.cm .cm_b li .item{ background: url("../img/ui_icon.png") no-repeat; background-size: 160px 36px; width: 36px; height: 36px;display: inline-block;}
.cm .cm_b li .item.ol{ background-position: 0 0;}
.cm .cm_b li .item.look{ background-position: -40px 0;}
.cm .cm_b li .item.pc{ background-position: -80px 0;}
.cm .cm_b li .item.wx{ background-position: -120px 0;}
.cm .cm_b li p{ font-size: 12px; line-height: 20px;}
.shadow { display:none;width: 100%; height: 100%; position: absolute;top: 42px; z-index: 1005;}
.shadow.block { display: block;}
.reviewAvatar { height: 70px; width: 70px; margin: 0 auto;background: url("../img/login.png") 0 0 no-repeat;background-size: 70px 270px;}
.reviewAvatar img { height: 70px; width: 70px; border: 3px solid #e7e7e7; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.reviewDiv {
    width: 100%;
    height: 0;
    background-color: #f1f1f1;
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    bottom: 0;
    z-index:102;
    transition:height 0.3s;
    -webkit-transition:height 0.3s;
    overflow: hidden;;
}
.reviewDiv.block { height: 360px;}
.reviewDiv form {padding: 15px;}
.reviewTop, .reviewCom, .reviewBtm {
    overflow: hidden;
    margin-bottom: 15px;
}
.reviewTop{position: relative;}
.reviewTop .closeBtn {
    background: url("../img/ui_bar_icon.png") -35px 0 no-repeat;
    background-size: 70px 162px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.reviewTop .reviewName {
    font-size: 14px;
    color: #2ca8fd;
    float: left;
    margin: 12px 0 0 5px;
}
.reviewCom .noLogin{
    color:#888888;
    margin-top: 40px;
    text-align: center;
    display: block;
    font-size: 14px;
}
.reviewCom {
    width: 100%;
    height: 125px;
    border: 1px #c8c8c8 solid;
}
.reviewCom .toLogin {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}
.reviewCom textarea {
    width: 100%;
    height: 100%;
    border: none;
    padding: 10px;
    font-size: 14px;
    color: #b3b3b3;
}
.reviewDiv .cmt_submit{
    width:100%;
    height:40px;
    line-height:40px;
    display:block;
    color:#ffffff;
    border:0;
    margin:0 auto;
    font-size:16px;
    background-color:#9e5fd2;
    cursor:pointer;
    border-radius:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.reviewDiv .login_no{
    background-color:#CDCDCD;
}

.login_header{
    width:100%;
    height:40px;
    position:relative;
    top:0px;
    padding: 4px 0px;
    z-index:3;
    background-color: rgba(0,0,0,0.7);
}
.login_header .cat_back{
    position: absolute;
    left: 15px;
    width: 32px;
    height: 32px;
    font-size: 0;
    background: url("../img/ui_bar_icon.png") -35px -32px no-repeat;
    background-size: 70px 162px;
}
.login_header .cat_name{
    width:100px;
    color: #ffffff;
    line-height:32px;
    font-size: 18px;
    text-align:center;
    position:absolute;
    left:50%;
    transform:translate(-50%);
    -webkit-transform:translate(-50%);
    -moz-transform:translate(-50%);
}
/*top adv*/
.top_ad {
	position: relative;
	overflow: hidden;
	width: 320px;
	text-align: center;
	margin: 0 auto;
	padding-top:42px;
}
.top_ad img,.overlay_ad img{max-width:100%;height:auto;}
.overlay_close_ad, .top_close_ad {
	position: absolute;
	width: 11px;
	height: 11px;
	background: url(../img/close.png) no-repeat 0 0;
	background-size: 11px 11px;
}
.top_close_ad {
	right: 3px;
	top: 43px;
}
.overlay_close_ad {
	top: 20px;
	right: 20px;
}
/*overlay adv*/
.overlay_ad {
	z-index: 999;
	position: fixed;
	top: 42px;
	left: 50%;
	margin-left: -160px;
	width: 320px;
}

.jdt_list a{display:block;}
@media screen and (max-device-height:480px){
	.navleft .nav_inner ul li { line-height: 37px;}
}